<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <title>{% block title %}{{ app_name }}{% endblock %}</title>
    <link href='/static/css/slider.css?ver=1.0' rel='stylesheet' type='text/css' media='screen' />
	<link href="/static/css/base.css?ver=1.0" rel="stylesheet" type="text/css" charset="utf-8"/>
	<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
    {% block headmeta %}{% endblock %}
    {% include "ga.html" %}
</head>
<body {% block bodyattributes %}{% endblock %}>
    <div id="header">
    	<div id="logo">
    		<h1><img src="/static/images/taobility_logo.png"></h1>
    	</div>
	    <div id="navigation">
			<ul class="nav">
			{% block navbar %}
			  <li {% ifequal selected "android" %} class="selected" {% endifequal %}><a href="/android">Android</a></li>
			  <li {% ifequal selected "support" %} class="selected" {% endifequal %}><a href="/support">Support</a></li>
			  <li {% ifequal selected "about" %} class="selected" {% endifequal %}><a href="/about">About</a></li>
			{% endblock %}
			</ul>
		</div>
    </div>
    <div id="main">
    <div class="maincap top"></div>
    	{% block body %}{% endblock %}
		<div class="maincap bottom"></div>
    </div>
    <div id="footer">
    {% block footer %}
    <p class="footer-desc">If you have business request with us, please <a href="mailto:support@taobility.com">contact us</a> directly.</p>
    <div class="copyright">
		<p>&copy; 2010 Taobility Software</p>
	</div>
    <div id="poweredbyappengine">
		<img src="http://code.google.com/appengine/images/appengine-silver-120x30.gif" alt="Powered by Google App Engine" />
	</div>
    {% endblock %}
    </div>
    
</body>
</html>